<template>
  <el-row>
    <el-form-item label="提示内容">
      <el-input
        v-model="activeData.__config__.defaultValue"
        placeholder="请输入文本内容"
      />
    </el-form-item>

    <el-form-item label="提示类型">
      <el-radio-group
        v-model="activeData.type"
        size="small"
        style="text-align: center"
      >
        <el-radio-button label="success">成功</el-radio-button>
        <el-radio-button label="info">消息</el-radio-button>
        <el-radio-button label="warning">警告</el-radio-button>
        <el-radio-button label="error">错误</el-radio-button>
      </el-radio-group>
    </el-form-item>

    <el-form-item label="提示风格">
      <el-radio-group
        v-model="activeData.effect"
        size="small"
        style="text-align: center"
      >
        <el-radio-button label="light">明亮</el-radio-button>
        <el-radio-button label="dark">深色</el-radio-button>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="文字居中">
      <el-switch v-model="activeData.center" />
    </el-form-item>

    <el-form-item label="是否可关闭">
      <el-switch v-model="activeData.close" />
    </el-form-item>

    <el-form-item label="关闭文字" v-if="activeData.close">
      <el-input v-model="activeData.closeText" placeholder="关闭文字" />
    </el-form-item>

    <el-form-item label="显示图标">
      <el-switch v-model="activeData.isicon" />
    </el-form-item>

    <el-form-item label="辅助文字">
      <el-input v-model="activeData.description" placeholder="请输入辅助文字" />
    </el-form-item>

    <!-- <el-form-item label="显示标签">
      <el-switch v-model="activeData.__config__.showLabel" />
    </el-form-item> -->
    <!-- <el-form-item label="行高">
      <el-input-number v-model="activeData.textStyle['line-height']" :min="12" placeholder="请输入行高"
        controls-position="right" />
    </el-form-item>
    <el-form-item label="字体大小">
      <el-input-number v-model="activeData.textStyle['font-size']" :min="12" placeholder="请输入字体大小"
        controls-position="right" />
    </el-form-item>
    <el-form-item label="对齐方式">
      <el-radio-group v-model="activeData.textStyle['text-align']">
        <el-radio-button label="left">左对齐</el-radio-button>
        <el-radio-button label="center">居中对齐</el-radio-button>
        <el-radio-button label="right">右对齐</el-radio-button>
      </el-radio-group>
    </el-form-item> -->
    <!--
    <el-form-item label="字体颜色">
      <el-color-picker v-model="activeData.textStyle['color']"></el-color-picker>
    </el-form-item>
    <el-form-item label="是否加粗">
      <el-switch v-model="activeData.textStyle['font-weight']" active-value="bold" inactive-value="normal" />
    </el-form-item>
    <el-form-item label="是否斜体">
      <el-switch v-model="activeData.textStyle['font-style']" active-value="italic" inactive-value="normal" />
    </el-form-item>
    <el-form-item label="下划线样式">
      <el-radio-group v-model="activeData.textStyle['text-decoration']">
        <el-radio-button label="none">无样式</el-radio-button>
        <el-radio-button label="underline">下划线</el-radio-button>
        <el-radio-button label="line-through">删除线</el-radio-button>
      </el-radio-group>
    </el-form-item> -->
  </el-row>
</template>
<script>
import comMixin from "./mixin";
export default {
  props: ["activeData"],
  mixins: [comMixin],
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>
